<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="util.*"%>
<%@page import="entidades.*"%>
<%@page import="java.util.List"%>
<%@page import="java.util.Date"%>
<%@page import="java.text.SimpleDateFormat"%>

<html>
<head>

<%@ include file="jspf/head.jspf" %>

<script type="text/javascript" src="js/sp/usuarios.js"></script>

</head>
<body>

<%@ include file="jspf/header.jspf" %>

<br/>

<h1>ABM Usuarios</h1>

<br/>

<!-- Tabla con la lista de usuarios -->
<div id="div_usuarios">

<center><table class="resultados" id="table_usuarios">
	<tr class="titulo">
		<td></td>
		<td>Usuario</td>
		<td>Tipo</td>
		<td>Nombre</td>
		<td>Apellido</td>
		<td>Activo</td>
	</tr>

	<%
	// Obtengo la lista de todos los usuarios y la muestro en una tabla
	List<Usuario> usuarios = Usuario.listar();

	for(int i=0; i<usuarios.size(); i++)
		{
		%>
		<tr id="<%= usuarios.get(i).getId() %>" class="usuario">
		<td align="center"><% if(usuarios.get(i).getPerfilId() == Perfil.ADMINISTRADOR) {%><img src="icon/user_business.png" alt="" title="Administrador"/><%} else {%><img src="icon/user_white.png" alt="" title="Usuario"/><%} %></td>
        <td><%= usuarios.get(i).getUsername() %></td>
        <td><%= usuarios.get(i).getPerfil().getDescripcion() %></td>
        <td><%= usuarios.get(i).getNombre() %></td>
        <td><%= usuarios.get(i).getApellido() %></td>
		<td align="center"><% if(usuarios.get(i).isActivo()) {%><img src="icon/accept.png" alt="Si" title="Activo"/><%} else {%><img src="icon/stop.png" alt="No" title="Inactivo"/><%} %></td>
    </tr>
    <% } %>
</table></center>

<br/>

<!-- Boton para dar de alta usuarios -->
<center>
	<% if( Sesiones.tienePermiso(session, "usuarios", "write") ) { %>
        <button name="alta"><img src="icon/user_add.png" alt="" title="Crear usuario"/> <span>Crear usuario</span></button>
        <% } %>
</center>

</div>

<!-- Formulario para dar de alta un usuario -->
<form method="post" action="" id="form_usuario" accept-charset="utf-8">
	<input type="hidden" name="id" value=""/>

	<center><table class="formulario" id="table_edicion">
		<tr><td colspan="2">
			<div class="intro">Ingrese los datos del usuario que desea dar de alta o modificar.</div>
		</td></tr>
		<tr>
			<td class="label">Nombre de usuario: </td>
			<td class="input"><input name="username" type="text" size="20"></td>
		</tr>
		<tr>
		    <td class="label">Contraseña: </td>
		    <td class="input"><input name="clave" type="password" size="20"></td>
		</tr>
		<tr>
		    <td class="label">Confirme la contraseña: </td>
		    <td class="input"><input name="clave_bis" type="password" size="20"></td>
		</tr>
		<tr>
		    <td class="label">Perfil: </td>
	        <td class="input">
				<select name="perfil">
					<% {
					List<Perfil> tipos = Perfil.listar();
					for(int i=0; i<tipos.size(); i++)
						{ %>
						<option value="<%= tipos.get(i).getId() %>"><%= tipos.get(i).getDescripcion() %></option>
						<% }
					} %>
				</select>
			</td>
	    </tr>
		<tr>
		    <td class="label">Nombre: </td>
			<td class="input"><input name="nombre" type="text" size="20" value=""></td>
	    </tr>
		<tr>
		    <td class="label">Apellido: </td>
			<td class="input"><input name="apellido" type="text" size="20" value=""></td>
	    </tr>
		<tr>
		    <td class="label">Activo: </td>
			<td class="input"><input name="activo" type="checkbox" checked="checked" value="true"></td>
	    </tr>
		<tr><td colspan="2">&nbsp;</td></tr>
		<tr>
			<td align="center" colspan="2">
				<button name="cancelar"><img src="icon/stop.png" alt="" title="Cancelar"/> <span>Cancelar</span></button>
				<% if( Sesiones.tienePermiso(session, "usuarios", "write") ) { %>
				<button name="eliminar"><img src="icon/delete.png" alt="" title="Eliminar usuario"/> <span>Eliminar</span></button>
				<button name="guardar"><img src="icon/save.png" alt="" title="Guardar usuario"/> <span>Guardar</span></button>
				<% } %>
			</td>
		</tr>

	</table></center>
</form>

<%@ include file="jspf/footer.jspf" %>

</body>
</html>
